.index_banner {
	height:320px;
	position: relative;
	border-top: 2px solid #e6e6e6;
}
.index_banner_box {
	position: relative;
	width: 1180px;
	margin:0 auto;
	z-index: 88;
}
.index_search_box {
	width:640px;
	height:300px;
	position: absolute;
	top:20px;
	left:0;
	z-index: 10;
	background:url(../img/index_searchBox_bg.png) repeat;
}
.search_nav {
	float:left;
	width:120px;
	height: 300px;
	background-color: #857775;
}
.search_nav li a {
	display: block;
	width:70px;
	height:73px;
	padding-left: 50px;
	line-height: 75px;
	font-size: 16px;
	color:#fff;
	background-color: #857775;
	border-bottom:1px solid #706563; 
	border-top:1px solid #998987;
	position:relative;
}
.search_nav li.cur a, .search_nav li a:hover {
	color:#c7181e;
	background:#fff;
	text-decoration: none;
	border-bottom:1px solid #fdf9ff; 
	border-top:1px solid #fdf9ff;
}
.search_nav .disable.cur a,
.search_nav .disable a:hover {
	background-color:#857775;
	border-bottom:1px solid #706563; 
	border-top:1px solid #998987;
	cursor:default;
}
.search_nav li a i {
	display: block;
	background: url(../img/mod_tit_solgn.png) no-repeat;
	position: absolute;
	width:25px;
	height:25px;
	top: 25px;
	left: 15px;
}
.search_nav .btn_xh i {
	background-position: -188px -116px;
}
.search_nav .btn_jg i {
	background-position: -216px -116px;
}
.search_nav .btn_wl i {
	background-position: -244px -116px;
}
.search_nav .btn_zj i {
	background-position: -272px -116px;
}
.search_nav .cur.btn_xh i, .search_nav .btn_xh a:hover i {
	background-position: -188px -143px;
}
.search_nav .cur.btn_jg i, .search_nav .btn_jg a:hover i {
	background-position: -216px -143px;
}
.search_nav .cur.btn_wl i, .search_nav .btn_wl a:hover i {
	background-position: -244px -143px;
}
.search_nav .cur.btn_zj i, .search_nav .btn_zj a:hover i {
	background-position: -272px -143px;
}
.search_main {
	float: left;
	width: 520px;
	height:300px;
	background-color: #fff;
}
.search_main_box {
	padding: 30px 28px 10px 30px;
	height: 260px;
}
.search_main_box.tab_img {
	padding: 0;
	background:transparent;
}
.search_main_xh .search_type {
	border-bottom:2px solid #ddd;
	height: 26px;
	margin-bottom: 20px;
}
.search_main_xh .search_type li {
	float: left;
}
.search_type a {
	display: block;
	height: 16px;
	padding:0 20px 10px;
	border-bottom:2px solid #ddd;
	position: relative;
	color:#666;
}
.search_type a:hover, .search_type a.cur {
	text-decoration: none;
	color:#c7181e;
	border-bottom:2px solid #c7181e;
}
.search_type a:hover i, .search_type a.cur i {
	display: block;
	width:0;
	height:0;
	position: absolute;
	bottom: -6px;
	left:50%;
	border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #c7181e;
    margin-left: -4px;
}

.search_input_box .btns {
	width: 120px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	float: right;
}
.search_main_xh .xh_solgn {
	position: absolute;
	bottom:10px;
	left:150px;
	width:440px;
	height:38px;
	background: url(../img/mod_tit_solgn.png) no-repeat 0 -338px;
}



.s_group {
	position: relative;
}
.s_item {
	float: left;
	display: block;
	font-size: 14px;
	line-height: 26px;
	padding-bottom: 15px;
	text-align: right;
}
.s_item_box {
	position: relative;
	display: inline-block;
	_zoom:1;
	*display:inline;
}
.s_item .errorPanel {
	display: none;
	position: absolute;
	padding: 0 7px;
	border: 1px solid #fc383e;
	border-radius: 3px;
	background-color: #fff;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #fc383e;
	top: 0px;
	left: 125px;
	text-align: left;
	z-index: 1;
	white-space:nowrap;
}
.s_item .errorPanel b {
	display: block;
	width: 9px;
	height: 16px;
	background: url(../img/mod_tit_solgn.png) no-repeat -237px -240px;
	position: absolute;
	top: 7px;
	left: -9px;
}
.s_item_box.error .errorPanel {
	display: inline-block;
}
.search_main_jg .s_item .errorPanel {
	left:410px;
}
.search_main_wl  .s_item .errorPanel {
	left:165px;
}
.s_item_box.error input {
	border:1px solid #fc383e;
}
.inputSel {
	width: 140px;
	padding-left: 3px;
	margin-left: 10px;
	border: 1px solid #bbb;
	height: 28px;
	line-height: 30px;
	outline: none;
	color: #333;
	box-shadow: 1px 1px 1px #ddd inset;
	border-radius: 3px;
}
.checkSel {
	margin-left: 10px;
}
.search_main_jg .inputSel {
	width:385px;
}
.search_main_xh .inputSel {
	width:100px;
}
.search_main_xh .s_item {
	margin-right: 8px;
}
.search_main_wl .s_item {
	margin-right: 85px;
}
.s_group .s_item.last_item { 
	margin-right: 0;
}
.search_main_wl p {
	margin: 0 0 25px 42px;
	color: #999;
}
.search_main_wl .btns {
	margin-left:10px;
}
.btn_switch {
	display: block;
	width: 18px;
	height: 54px;
	background: url(../img/mod_tit_solgn.png) no-repeat;
	background-position: -186px -240px;
	position: absolute;
	left: 194px;
	top: 12px;
}
.btn_switch:hover {
	background-position: -208px -240px;
}




.content {
	width: 1180px;
	margin:0 auto;
	position: relative;
}
.mod {
	margin-top:20px;
}
.mod .mod_tit {
	height:48px;
	line-height:48px;
	border-bottom: 2px solid #1e1e1e;
	overflow: hidden;
}
.mod.mall .mod_tit {
	border-bottom: 2px solid #c7181e;
}
.mod.mall .mod_tit .note {
    font-size: 14px;
    margin-left: 20px;
}
.mod.process .mod_tit {
	border-bottom: 2px solid #8193eb;
}
.mod.logistics .mod_tit {
	border-bottom: 2px solid #fc6a6f;
}
.mod.baitiao .mod_tit {
	border-bottom: 2px solid #ffba52;
}
.mod .mod_tit h3 {
	font-size: 24px;
	font-weight: normal;
	float:left;
}
.mod h3 i {
	display: inline-block;
	margin-left:10px;
	font-size: 14px;
	color:#999;
	margin-left:20px;
	font-style: normal;
}
.mod h3 span {
	display: inline-block;
	vertical-align: middle;
	background: url(../img/mod_tit_solgn.png) no-repeat;
	margin-left:10px;
	width:280px;
	height:24px;
}
.mod.mall h3 span {
	background-position: 0 0;
}
.mod.process h3 span {
	background-position: 0 -26px;
}
.mod.logistics h3 span {
	background-position: 0 -50px;
}
.mod.baitiao h3 span {
	background-position: 0 -74px;
}
.mod .mod_tit_right {
	float:right;
	font-size: 14px;
}
.mod .mod_tit_right a {
	color:#333;
}
.mod .mod_content {
	overflow: hidden;
}
.mod .mod_border {
	border:1px solid #f2f2f2;
	border-top:0 solid #f2f2f2;
	overflow: hidden;
}
.price_dynamics .mod_border {
	height: 140px;
	position: relative;
}
.mall .mod_border {
	height: 303px;
}


.tpye_btn {
	color:#eaeaea;
}
.tpye_btn a {
	display: inline-block;
	line-height: 24px;
	color:#333;
	margin:0 5px;
	padding:16px 15px 10px;
	position: relative;
}
.tpye_btn a.cur, .tpye_btn a:hover {
	color:#c7181e;
	text-decoration: none;
}
.tpye_btn a.cur b, .tpye_btn a:hover b {
	display: block;
	position: absolute;
	left:50%;
	bottom: 0px;
	border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #c7181e;
    margin-left: -6px;
}
.slides_trends {
	float:left;
	width:900px;
	height: 140px;
	overflow: hidden;
	position: relative;
}
.trends {
	float:left;
	width:900px;
	overflow: hidden;
}
.trends li {
	float:left;
	width:185px;
	height: 110px;
	padding:15px 20px;
	background: url(../img/index_trends_bg.png) no-repeat right 40px;
}
.trends .trends_comp {
	font-size: 18px;
	padding-bottom: 15px;
	border-bottom:1px dotted #999;
}
.trends .time {
	float:right;
	color:#999;
	font-size: 12px;
	text-align: right;
	line-height: 200%;
}
.trends .type {
	float:left;
	width:95px;
	font-size: 14px;
	padding-top:10px;
	line-height: 250%;
}
.trends .price {
	padding-top:10px;
	width: 90px;
	float:left;
	text-align: center;
}
.trends .up {
	color:#c7181e;
}
.trends .down {
	color:#35a82a;
}
.trends .up i, .trends .down i {

}
.trends .now_price {
	font-size: 24px;
	padding-bottom: 14px;
	display: block;
	text-align: right;
}
.trends .price p span {
	margin: 0 3px;
}
.trends .price p span.smooth {
	margin: 0;
	text-align: right;
	display: block;
	color:#999;
}
.trend_chart {
	width:278px;
	height: 150px;
	background-color: #fff;
	position: absolute;
	right:0;
	top:0;
}

.company_list_box {
	width: 1178px;
    height: 122px;
    overflow: hidden;
    position: relative;
    border-bottom:1px solid #f2f2f2;
	border-left:1px solid #f2f2f2;
	border-right:1px solid #f2f2f2;
}
.company_list {
	overflow: hidden;
	float: left;
	height:121px;
}
.company_list li {
	float:left;
	border-bottom:1px dotted #d4d4d4;
	border-right:1px dotted #d4d4d4;
}
.company_list li a {
	display: block;
	width: 115px;
	height: 40px;
	padding: 20px 0 0 31px;
	overflow: hidden;
}
.company_list li.last {
	border-right:0;
}
.company_list li.last a {
	width:117px;
	border-right:0;
}
.company_list li a img {
	display: block;
	width:79px;
	height: 22px;
}

.company_list li a:hover img {
	-webkit-transform:scale(1.1,1.1);
	-webkit-transition: 0.2s;
}
.sider_list {
	float:left;
	width:238px;
	border-right:1px solid #f2f2f2;
	position: relative;
}
.sider_list .recommend_tit {
	position: relative;
	color:#333;
	height: 43px;
	border-bottom: 1px solid #e6e6e6;
	line-height: 43px;
	padding-left:25px;
	font-size: 14px;
	font-weight: bold;
	margin:0 10px;
}
.recommend_tit i {
	display: block;
	width: 18px;
	height: 18px;
	background: url(../img/mod_tit_solgn.png) no-repeat -152px -251px;
	position: absolute;
	top: 14px;
	left: 0px;
}
.recommend_list .box {
	position: relative;
}
.recommend_list {
	margin:0 10px;
}
.recommend_list li {
	border-bottom: 1px dotted #ccc;
	position: relative;
	height: 42px;
	padding-top: 9px;
	overflow: hidden;
	*padding-top: 6px;
	cursor: pointer;
}
.recommend_list li i {
	display: block;
	width: 30px;
	text-align: right;
	position: absolute;
	top: 18px;
	right: 5px;
	font-size: 13px;
	color: #c7181e;
	font-style: normal;
	font-weight: bold;
	height: 20px;
}
.recommend_list .tit {
	width: 178px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.recommend_list .tit span {
	margin-right:10px;
}
.recommend_list .size {
	color:#999;
}

.main_search {
	float:left;
	width:660px;
	overflow: hidden;
}
.main_search .search_area {
	width:470px;
	height: 78px;
	padding: 13px 0 0 190px;
	background: url(../img/index_searcharea_bg.png) no-repeat;
	position: relative;
}
.search_area input {
	border: 0 none;
}
.search_area .search_input {
	padding: 10px;
	width: 350px;
	height: 50px;
	margin: 0;
	padding: 7px;
	line-height: 20px;
	font-size: 12px;
	overflow: hidden;
	outline: none;
}
.search_area .search_button {
	position: absolute;
	width:74px;
	height:58px;
	text-align: center;
	line-height: 58px;
	text-decoration: none;
	background-color: #8c7d7b;
	border-radius: 5px;
	color:#fff;
	cursor: pointer;
	bottom:16px;
	right:28px;
}
.search_area .search_button:hover {
	background-color: #868180;
}
.slides_order_box {
	position: relative;
}
.slides_order {
	position: relative;
	padding: 0 0 0 20px;
	overflow: hidden;
	margin-top: 16px;
	height: 188px;
}
.order_info {
	overflow: hidden;
}
.order_info li {
	width:300px;
	height:86px;
	margin: 0 20px 10px 0;
	background-color: #f7f9fa;
	float: left;
}
.order_info li a {
	display: block;
	width:228px;
	height:64px;
	padding: 10px 60px 10px 10px;
	border:1px solid #f2f2f2;
	position: relative;
	cursor: pointer;
	color:#333;
}
.order_info li a:hover {
	border:1px solid #c7181e;
	text-decoration: none;
}
.order_info li .btns {
	display: block;
	position: absolute;
	right:-1px;
	top:-1px;
	width: 58px;
	height: 70px;
	padding-top:14px;
	border-radius: 0;
	line-height: 120%;
	font-size: 30px;
}
.order_info li .btns i {
	font-size: 12px;
	width: 58px;
	text-align: center;
	display: block;
	font-style: normal;
	color: #ffbec0;
}
.order_info li .btns b {
	display: block;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #f7f9fa;
	position: absolute;
	top:50%;
	left:-1px;
	margin-top:-6px;
}
.order_info li p {
	color:#999;
	padding: 3px 0;
}
.order_info .tit {
	font-size: 14px;
	padding-bottom:5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 20px;
}
.order_info .tit span {
	color:#fc383e;
	margin-right: 5px;
}
.order_info li p span {
	color:#ffa21f;
}

.main_data {
	float:left;
	border-left:1px solid #f2f2f2;;
	width:278px;
}
.last_data {
	height: 75px;
	border-bottom: 1px solid #f2f2f2;
	color:#999;
	overflow: hidden;
	position: relative;
}
.last_data_text {
	position: absolute;
	top:0;
	left:0;
	padding:13px 20px;
	color:#999;
	z-index: 2;
}
.last_data_text p {
	font-size: 14px;
	color:#333;
}
.last_data_text span {
	color:#c7181e;
	font-size: 24px;
	margin-right:5px;
}
.last_data img {
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
}
.last_data:hover img {
	-webkit-transform:translateX(5px);
	-webkit-transition: 0.2s;
}
.categorical_data li {
	float:left;
	width:120px;
	height:60px;
	padding: 15px 0 0 18px;
	line-height: 160%;
	border-right:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
	color:#999;
}
.categorical_data li.r {
	width:121px;
	border-right:0 none;
}
.categorical_data .name {
	position: relative;
	font-size: 12px;
	color:#999;
	padding-bottom:7px;
}
.categorical_data span {
	color:#c7181e;
	font-size: 14px;
	margin-right: 8px;
}
.categorical_data .name span {
	color:#333;
	font-size: 14px;
}
.recommend_list li:hover, .order_info li:hover, .categorical_data .box:hover {
	-webkit-transform:translateX(5px);
	-webkit-transition: 0.2s;
}


.mod_content .mod_sider {
	float:left;
	width:240px;
	height:320px;
}
.mod_content .mod_main {
	float:left;
	position: relative;
	width: 940px;
}
.mod_content .mod_mask {
	width:280px;
	height: 320px;
	position: absolute;
	right: 0;
	top:0;
	background: url(../img/index_mod_mask_bg.png) repeat;
	z-index: 10;
}
.process_intro {	
	font-size: 16px;
	color:#333;
	padding:50px 0 0 80px;
	line-height: 260%;
}
.process_intro li {
	list-style: disc;
}
.logistics .mod_sider {
	position: relative;
}
.logistics_contact_type {
	position: absolute;
	top:60px;
	left:20px;
}
.logistics_contact_type a {
	display: block;
	width:153px;
	height: 40px;
	padding-left:45px;
	line-height: 40px;
	font-size: 14px;
	border:1px solid #fff;
	margin-bottom:20px;
	color:#fff;
	opacity: 0.8;
	position: relative;
	cursor: default;
}
.logistics_contact_type a:hover {
	text-decoration: none;
}
.logistics_contact_type i {
	display: block;
	position: absolute;
	background: url(../img/mod_tit_solgn.png) no-repeat;
	width:25px;
	height:25px;
	left:10px;
	top:8px;
}
.logistics_contact_type i.app {
	background-position: -188px -178px;
}
.logistics_contact_type i.wx {
	background-position: -218px -178px;
}
.logistics_contact_type i.web {
	background-position: -274px -178px;
}
.logistics_contact_type i.tel {
	background-position: -246px -178px;
}
.logistics_info {
	text-align: center;
	color:#333;
	font-size: 14px;
	line-height: 180%;
}
.logistics_info .logistics_custom {
	font-size: 16px;
	margin-top:30px;
	line-height: 36px;
}
.logistics_info span {
	margin:0 5px;
}
.logistics_info span i {
	vertical-align: middle;
	display: inline-block;
	width: 26px;
	text-align: center;
	height:36px;
	line-height: 36px;
	font-size: 30px;
	font-style: normal;
	background: url(../img/index_logistics_custom_bg.png) repeat-x;
	color:#fff;
}
.logistics_info .qrCode_56 {
	width: 144px;
	height:144px;
	background: url(../img/mod_tit_solgn.png) no-repeat 0 -104px;
	margin: 20px auto;
}
.logistics_info p span {
	color:#999;
}
.baitiao_intro {
	width:940px;
	height:362px;
	background: url(../img/banner_baitiao.jpg) no-repeat;
	position: relative;
}
.baitiao_intro .btns {
	position: absolute;
	right:20px;
	top:250px;
}
.baitiao_intro i {
	display: block;
	background: url(../img/mod_tit_solgn.png) no-repeat;
	position: absolute;
}
.baitiao_intro i.step_01 {
	width:20px;
	height:24px;
	background-position: -152px -117px;
	top: 240px;
	left: 165px;
	-webkit-animation: fadeInLeft 12s infinite linear;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
    10% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.baitiao_intro i.step_02 {
	width:24px;
	height:24px;
	background-position: -152px -144px;
	top: 245px;
	left: 286px;
	-webkit-animation: tada 12s infinite linear;
}
@-webkit-keyframes tada {
    0% {
    	opacity: 0;
        -webkit-transform: scale3d(1,1,1)
    }
    9% {
    	opacity: 0;
        -webkit-transform: scale3d(1,1,1)
    }
    10% {
    	opacity: 1;
        -webkit-transform: scale3d(1,1,1)
    }
    11%,12% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    13%,15%,17%,19% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    14%,16%,18% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    20% {
        -webkit-transform: scale3d(1,1,1)
    }
    100% {
        -webkit-transform: scale3d(1,1,1)
    }
}
.baitiao_intro i.step_03 {
	width:18px;
	height:24px;
	background-position: -152px -170px;
	top: 226px;
	left: 408px;
	-webkit-animation: bounceInDown 12s infinite linear;
}
@-webkit-keyframes bounceInDown {
    0%,3%,22%,23%,25% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0)
    }
    22% {
        -webkit-transform: translate3d(0,-10px,0)
    }
    25% {
        -webkit-transform: translate3d(0,5px,0)
    }
    30% {
        -webkit-transform: none;
    }
    100% {
        -webkit-transform: none;
    }
}
.baitiao_intro i.step_04 {
	width:22px;
	height:34px;
	background-position: -152px -197px;
	top: 240px;
	left: 552px;
	-webkit-animation: wobble 12s infinite linear;
}
@-webkit-keyframes wobble {
    0% {
    	opacity: 0;
        -webkit-transform: none
    }
    29% {
    	opacity: 0;
        -webkit-transform: none
    }
    30% {
    	opacity: 1;
        -webkit-transform: none
    }
    32% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }
    33% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }
    35% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }
    36% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }
    38% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }
    40% {
        -webkit-transform: none
    }
    100% {
        -webkit-transform: none
    }
}
.baitiao_intro i.step_05 {
	width:18px;
	height:9px;
	background-position: -152px -240px;
	top: 238px;
	left: 671px;
	-webkit-animation: rubberBand 12s infinite linear;
}
@-webkit-keyframes rubberBand {
    0% {
    	opacity: 1;
        -webkit-transform: scale3d(1,1,1);
    }
    38% {
    	opacity: 1;
        -webkit-transform: scale3d(1,1,1);
    }
    39% {
    	opacity: 1;
        -webkit-transform: scale3d(1,1,1);
    }
    40% {
    	opacity: 1;
        -webkit-transform: scale3d(1,0,1);
    }
    41% {
        -webkit-transform: scale3d(1,1,1);
    }
    42% {
        -webkit-transform: scale3d(1,0,1);
    }
    43% {
        -webkit-transform: scale3d(1,1,1);
    }
    44% {
        -webkit-transform: scale3d(1,1,1);
    }
    45% {
        -webkit-transform: scale3d(1,0,1);
    }
    50% {
        -webkit-transform: scale3d(1,1,1);
    }
    100% {
        -webkit-transform: scale3d(1,1,1);
    }
}




.main_banner_slides {
	height:320px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.main_banner_slides .slides_container {
	width: 100%;
	height: 320px;
}
.main_banner_slides .slidesjs-pagination {
	position: absolute;
	bottom:10px;
	left:50%;
	z-index: 10;
	width:540px;
	text-align: center;
	margin-left:50px;
}
.slides_container {
	width:940px;
	height: 320px;
}
.slides_container a {
  	display: block;
	font-size: 0;
	height: 320px;
	width: 100%;
}
.slidesjs-pagination {
	position: absolute;
	bottom:10px;
	left:0;
	z-index: 10;
	width:660px;
	text-align: center;
}
.slidesjs-pagination li {
	float: none;
	display: inline-block;
	zoom:1;
	*display:inline;
}
.slidesjs-navigation { 
	display: none;
}
.on .slidesjs-navigation {
	display: block;
	width:30px;
	height: 60px;
	overflow: hidden;
	text-indent: -999px;
	position: absolute;
	top:50%;
	margin-top:-30px;
	background: url(../img/mod_tit_solgn.png) no-repeat;
	z-index: 10;
}
.on .slidesjs-previous {
	left:0;
	background-position: 0 -254px;
}
.on .slidesjs-next {
	right:0;
	background-position: -75px -253px;
}
.on .slidesjs-previous.active:hover {
	left:0;
	background-position: -37px -254px;
}
.on .slidesjs-next.active:hover {
	right:0;
	background-position: -112px -253px;
}



.lo_city{font-family: Arial; width:380px; padding:10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background:#fff; position: absolute; z-index:99; display: none;}
.lo_city .arrow {display: block;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #fff;margin-left: -6px;position: absolute;left: 38px;top: -8px;box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);}
.lo_city .close{ position:absolute; width:13px; height:13px; right:15px; top:10px; background:url(../img/close.png) no-repeat;}
.lo_city h3{ padding:0 0 8px; font-size:12px; font-weight:normal; color:#999;}
.lo_city a:hover{ text-decoration:none;}
.lo_city .tab{ height:30px; margin:0 0 10px; background:#f5f5f5;}
.lo_city .tab a{ position:relative; float:left; display:inline-block; width:190px; height:28px; border-bottom:2px solid #f5f5f5; line-height:28px; color:#333; text-align:center;}
.lo_city .tab a.active{ border-bottom-color:#eb5e67; font-weight:bold; color:#eb5e67;}
.lo_city .tab a.active i{ position:absolute; left:91px; bottom:0; width:8px; height:4px; background:url(../img/arrow.png) no-repeat;}
.lo_city .subtab{ height:23px; margin:0 0 5px; border-bottom:1px solid #ccc;}
.lo_city .subtab a{ float:left; display:inline-block; height:22px; padding:0 6px; border:1px solid #fff; border-bottom:none; line-height:22px; color:#999;}
.lo_city .subtab a.active{ border-color:#ccc; border-bottom:1px solid #fff; color:#eb5e67;}
.lo_city .list{ padding:5px 0 0;}
.lo_city .list a{ float:left; display:inline-block; width:54px; height:22px; padding:0 0 0 9px; line-height:22px; color:#333;}
.lo_city .list a:hover{ background:#eb5e67; color:#fff;}
.lo_city .list1 .one{ padding:5px 0; border-bottom:1px dotted #ccc;}
.lo_city .list1 .one:last-child{ border-bottom:none;}
.lo_city .list1 h4{ float:left; display:inline-block; width:25px; line-height:22px; font-weight:normal; color:#eb5e67; text-indent:4px;}
.lo_city .list1 .listbox{ float:left; display:inline-block; width:355px;}
.lo_city .list1 a{ float:left; display:inline-block; width:54px; height:22px; padding:0 0 0 9px; line-height:22px; color:#333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lo_city .list1 a:hover{ background:#eb5e67; color:#fff;}

.lo_city_search{ position:absolute; width:380px; padding:10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background:#fff;}
.lo_city .arrow {display: block;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #fff;margin-left: -6px;position: absolute;left: 38px;top: -8px;box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);}
.lo_city_search a:hover{ text-decoration:none;}
.lo_city_search .close{ position:absolute; width:13px; height:13px; right:15px; top:10px; background:url(../img/close.png) no-repeat;}
.lo_city_search h3{ padding:0 0 8px; border-bottom:1px solid #ccc; font-size:12px; font-weight:normal; color:#999;}
.lo_city_search .list{ padding:10px 0;}
.lo_city_search .list a{ display:block; height:30px; padding:0 0 0 9px; line-height:30px; color:#333;}
.lo_city_search .list a span{ color:#eb5e67;}
.lo_city_search .list a:hover{ background:#eb5e67; color:#fff;}
.lo_city_search .list a:hover span{ color:#fff;}
.lo_city_search .page{ font-family:"宋体"; text-align:center;}
.lo_city_search .page a{ display:inline-block; padding:0 8px; line-height:20px; font-size:14px; color:#333;}
.lo_city_search .page a.active{ font-weight:bold; color:#eb5e67; text-decoration:underline;}



.lo_goods{ font-family: Arial; width:380px; padding:10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background:#fff;  position: absolute; z-index:99; display: none; }
.lo_goods .arrow {display: block;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #fff;margin-left: -6px;position: absolute;left: 38px;top: -8px;box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);}
.lo_goods .close{ position:absolute; width:13px; height:13px; right:15px; top:10px; background:url(../img/close.png) no-repeat;}
.lo_goods .list a{ float:left; display:inline-block; width:110px; height:24px; padding:0 0 0 10px; line-height:24px; color:#333;}
.lo_goods .list a:hover{ background:#eb5e67; color:#fff; text-decoration:none;}



#depotAddress{ position:absolute; font-family: Arial; width:380px; padding:10px; background:#fff; top:30px; left:74px;*zoom:1; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
#depotAddress i {display: block;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #fff;margin-left: -6px;position: absolute;left: 38px;top: -8px;box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);}
#depotAddress .c_address_hd{ display:none; line-height:45px; height:45px;padding-left:10px; color:#666; font-size:12px; border:0; background:transparent}
#depotAddress .c_address_hd em{ font-weight:normal; padding-left:5px;}
#depotAddress .c_address_bd{ border:0; padding:0}
#depotAddress .c_address_ol{border-bottom: 1px solid #DFDFDF;height: 35px;list-style-type: none;}
#depotAddress .c_address_ol li{ float: left;   height: 32px;}
#depotAddress .c_address_ol li span{ float:left; line-height:32px; height:32px; width:76px; text-align:center; margin-top:3px; font-family:Arial; color:#666}
#depotAddress .c_address_ol li .hot_selected{  background:#fff;border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:1px solid #ddd; font-weight:bold; margin-top:0; color: #fc383e; position:relative;  font-weight:normal; height: 35px;    margin-bottom: -1px; }
#depotAddress .c_address_ul{ padding:10px 0; overflow:hidden;}
#depotAddress .c_address_ul b{ position:absolute; width:20px; left:0px; top:0px; height:30px; line-height:30px;  color:#ff6600;}
#depotAddress .c_address_ul li {overflow: hidden; position: relative; padding-left:75px; border-bottom:1px dotted #999; width:305px; height:auto;}
#depotAddress .c_address_ul li.last {border:none;}
#depotAddress .c_address_ul li span {position: absolute; left:1px;top:11px; color:#fc383e;}
#depotAddress .c_address_ul li .c_ul_box a{ float:left; height:38px; line-height:38px; width:86px; margin-right:5px; color:#333}
#depotAddress .c_address_ul li .c_ul_box a:hover{ background:none transparent; color:#fc383e; border-color:#FFF; text-decoration:underline}


.popup .box {
	width: 600px;
	height: 300px;
	position:relative;
	font-size: 18px;
	text-align: center;
}
.popup .box .main {
	padding:120px 0 50px;
}
.popup .box .main h2 {
	font-size: 24px;
	font-weight: normal;
}
.popup .box .main p {
	padding: 10px 0 20px;
	font-size: 18px;
}
.popup .box i {
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left:-30px;
}
.popup .error {
	background: url(../img/mod_tit_solgn.png) no-repeat -240px -274px;
}
.popup .pass {
	background: url(../img/mod_tit_solgn.png) no-repeat -310px -274px;
}

.loading {
	display: none;
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -16px;
	margin-top: -16px;
	z-index: 10;
}
.priceindex .slides_trends {
	height:242px;
	margin-top:-1px;
}

.priceindex .slides_trends_no {
	width:480px;
	height:242px;
	line-height: 242px;
	margin-top:-1px;
	text-align: center;
	font-size: 14px;
	color:#999;
}
.priceindex .slides_trends_no i {
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin-right:10px;
	background: url(http://static-online.zhaogang.com/Resources/CatUI/img/icon.png) no-repeat -240px -480px;
}

.priceindex .slides_trends,
.priceindex .trends {
	width:480px;
}
.priceindex .mod_border {
	margin-bottom:20px;
}
.priceindex .trends .trends_comp {
	border-bottom:0 none;
	font-size:14px;
}

.priceindex .trends li {
	width:210px;
	height:50px;
	padding:15px;
	margin:0 0 -1px -1px ;
	border:1px solid #F2F2F2;
	border-width:0 0px 1px 1px;
	background:none;
}
.priceindex .trends_comp {
	width:100%;
	padding-bottom:0;
}
.priceindex .trends .type {
	width:108px;
	padding-top:5px;
	color:#999;
	font-size:12px;
}
.priceindex .trends .time {
	line-height:20px;
}
.priceindex .trends .price {
	float:right;
	width:100px;
	padding:0;
	text-align:right;
	font-size:12px;
	color:#999;
}
.priceindex .price.up {
	color:#c7181e;
}
.priceindex .price.down {
	color:#35a82a;
}
.priceindex .price.same strong {
	color:#333;
}
.priceindex .trends .now_price {
	padding:0;
}
.priceindex .price strong {
	margin-left:10px;
	font-size:24px;
	font-weight:normal;
}
.priceindex .price i {
	display:inline-block;
	width:9px;
	height:6px;
	margin-right:3px;
	vertical-align:1px;
	background:url(../img/pricearrow.png) no-repeat 0 0;
}
.priceindex .price.down i {
	background-position:0 -10px;
}
.pincnt:after,
.pinhead:after {clear:both;display:block;content:".";height:0;visibility:hidden;font-size:0;line-height:0;}
.pinhead_arrow,.i_city,.prixtag,.popcity_arrow {background:url(../img/iconprix.png) no-repeat 0 0;}
.pintit {padding:8px 10px;background-color:#F5F5F5;font-size:16px;}
.pincnt {zoom:1;}
.pinhead {position:relative;height:28px;line-height:28px;padding:10px;border-bottom:1px solid #F2F2F2;font-size:14px;zoom:1;}
.pinhead_arrow {position:absolute;bottom:-3px;left:22px;width:18px;height:10px;}
.pinhead .prixlv3,.pinhead .prixlv2,.pinhead .prixlv1 {margin-left:5px;font-size:24px;vertical-align:middle;}
.prixtag {float:right;width:54px;height:20px;line-height:20px;padding-left:10px;margin-top:5px;background-position:0 -20px;color:#fff;font-size:12px;}
.prixtag_lv2 {background-position:0 -50px;}
.prixtag_lv1 {background-position:0 -80px}
.prixbar {float:left;width:282px;height:290px;border:1px solid #F2F2F2;}
.prixbar_slide {position:relative;padding:10px 20px;}
.prixbar_list li {margin-bottom:15px;}
.prixbar_bref {margin-bottom:5px;overflow:hidden;zoom:1;}
.prixbar_bref span {float:right;}
.prixbar_bref i {font-style:normal;margin-right:15px;}
.prixlv3 {color:#c7181e;}
.prixlv2 {color:#ff961f;}
.prixlv1 {color:#34992b;}
.pinhead .data {float:right; font-size: 12px; color:#999; margin-right:5px;}
.pinhead .pinhead_tips {float:right; font-size: 12px; color:#999; margin-top:3px;}
.prixbar_cnt {position:relative;height:8px;background-color:#EDF1F2;border-radius:8px}
.prixbar_cnt span {position:absolute;top:0;left:0;height:8px;background-color:#7EBBFA;border-radius:8px;}
.priceinfo {float:left;margin-left:-1px;border:1px solid #f2f2f2;}
.i_city {display:inline-block;width:12px;height:16px;margin-right:5px;background-position:-20px 0;vertical-align:-3px;}
.pinhead_city {margin-left:3px;color:#999;font-size:12px;}
.pinhead_city span {font-size:14px;color:#333;}
.pinhead_city:hover {text-decoration:none;}
.prixchart {float:left;position:relative;width:413px;height:280px;padding-top:10px;margin-left:-1px;border:1px solid #f2f2f2;}
.priceindex .trend_chart {position:static;width:413px;height:280px;}
.popcity {display:none;position:absolute;width:280px;padding-top:10px;z-index:99;}
.popcity_list {padding:15px 15px 5px;border:1px solid #E3E3E3;border-radius:5px;background-color:#fff;box-shadow:0 0 10px #eee;}
.popcity a {display:inline-block;margin-bottom:10px;width:60px;color:#333;}
.popcity_arrow {position:absolute;top:3px;left:22px;width:18px;height:10px;}
